<body <%= @body_extras = ' onload="' + remote_function(:url=>{:action=>"updatelist"}, :with=>"'id_continent=' + $('profile_continent').value" ) + '"' %>/>
<h1>Recherche d'albums</h1>

<%= form_tag('/countryr/search', :method => :post) %>
<div id="recherche">
  <table width = "100%">
  	<tr>
  		<td><h2>Recherche par pays</h2></td>
		<td><h2>Recherche textuelle</h2></td>
	</tr>
	<tr>
		<td width="50%">
			<p>
	  			<!-- Liste tous les contients -->
	    		Continent
	    		<%= select "profile", "continent", @liste_continent.collect {|elt| [ elt.name, elt.id ]} %>
	    		<%= image_tag "ajax-loader.gif", :id=>"wait_icon", :style=>"display:none" %>
  			</p>
  			<p>
  				<!-- Liste tous les pays en fonction du continent sélectionné-->
    			Pays
    			<%= collection_select :countries, :country_id, @country, :id, :name %> 
  			</p>
		</td>
		<td rowspan="2">
			<%= text_field_tag 'fieldSearch', "", :size => "30" %>
		</td>
  	</tr>
	<tr><td><%= submit_tag 'Rechercher' %></td></tr>
  </table>
</div>
<br/>
<div id="recherche">
  <table width = "100%">
	<tr><td colspan="2" align="center"><h2>Recherche par continent</h2></td></tr>
	<tr>
		<td colspan="2" align="center">
			<dl id="imap">
			<dd id="amn"><a id="amn" href="/countryr/ameriquedunord"></a></dd>
			<dd id="ams"><a id="ams" href="/countryr/ameriquedusud"></a></dd>
			<dd id="afr"><a id="afr" href="/countryr/afrique"></a></dd>
			<dd id="eur"><a id="eur" href="/countryr/europe"></a></dd>
			<dd id="asi"><a id="asi" href="/countryr/asie"></a></dd>
			<dd id="oce"><a id="oce" href="/countryr/oceanie"></a></dd>
			</dl>
		</td>
	</tr>
  </table>
  </div>
  

	<!-- Observe une modification du continent sélectionné -->
	<div id="result_validation"></div>
	<%= observe_field 'profile_continent',
	            :url=>{:action=>"updatelist"},
	            :before => "Element.toggle('wait_icon')",
	            :complete => "Element.toggle('wait_icon')",
	            :with => "'id_continent=' + escape(value)" %>
  

